<div class="mainLeftNavigation">
	<ul>
		<li class="active">
			<a href="">Ticker</a>
			<ul>
				<li class="active"><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
			</ul>
		</li>
		<li class="">
			<a href="">Ticker</a>
			<ul>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
			</ul>
		</li>
		<li class="">
			<a href="">Ticker</a>
			<ul>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
			</ul>
		</li>
		<li class="">
			<a href="">Ticker</a>
			<ul>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
				<li class=""><a href="">List Ticker</a></li>
				<li class=""><a href="">Add Ticker</a></li>
			</ul>
		</li>
	</ul>
</div><!-- /.mainNavigation -->
		
<style>
	.mainLeftNavigation{position:relative;border-right:1px solid #CCCCCC;width:200px;}
	.mainLeftNavigation ul{list-style-type:none;padding:0;margin:0;}
	.mainLeftNavigation a{text-decoration:none;}
	.mainLeftNavigation:after{display:block;content:'';position:absolute;right:0px;top:0px;width:5px;height:100%;background: url('menu-shadow.png') repeat-y left;}


	.mainLeftNavigation ul li ul li{margin:0;padding:0;}
	.mainLeftNavigation > ul > li{
	  display:block;background:#fdfdfd;position:relative;border-top:1px solid #fff;border-bottom:1px solid #ddd;
	  background:#f9f9f9;
	  background: linear-gradient(top, #fbfbfb 0%, #f9f9f9 50%, #fbfbfb 100%); /* W3C */
	  background: -moz-linear-gradient(top, #fbfbfb 0%, #f9f9f9 50%, #fbfbfb 100%); /* FF3.6+ */
	  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f9f9f9 50%, #fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	  background: -ms-linear-gradient(top, #fbfbfb 0%, #f9f9f9 50%, #fbfbfb 100%); /* IE10+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	  background: -o-linear-gradient(top, #fbfbfb 0%, #f9f9f9 50%, #fbfbfb 100%); /* Opera 11.10+ */
	}
	.mainLeftNavigation > ul > li:first-child{border-top:0;}
	.mainLeftNavigation > ul > li:hover{
	  z-index:1;
	  background:#ccc;
	}
	.mainLeftNavigation > ul > li.active a{
	  background:#747474;z-index:1;
	}
	.mainLeftNavigation > ul > li.active > a{color:#fff;background-image:none;
	  text-shadow: 0 -1px 0 #333333;-moz-text-shadow: 0 -1px 0 #333333;-webkit-text-shadow: 0 -1px 0 #333333;-khtml-text-shadow: 0 -1px 0 #333333;-o-text-shadow: 0 -1px 0 #333333;
	}
	.mainLeftNavigation ul li a{display:block;padding:10px;color:#21759B;}
	.mainLeftNavigation > ul > li > a{font-weight:bold;font-size:14px;}
	.mainLeftNavigation > ul > li > ul > li > a{font-size:12px;}
	.mainLeftNavigation > ul > li.active > a{position:relative;}
	.mainLeftNavigation > ul > li.active > a:after, .mainLeftNavigation > ul > li.active:hover > a:after{
	  display:block;content:'';border-left:12px solid #747474;border-top:18px solid transparent;border-bottom:18px solid transparent;right:-12px;top:0;position:absolute;
	}
	.mainLeftNavigation ul li ul li a{padding:7px 20px;}

	.mainLeftNavigation > ul > li.active > ul > li a{
	  background:#fff;
	}
	.mainLeftNavigation > ul > li.active > ul > li a:hover{background-color:#eaf2fa;color:#333333;}
	.mainLeftNavigation > ul > li.active > ul > li.active a{color:#333333;font-weight:bold;}

	.mainLeftNavigation ul li ul{display:none;}
	.mainLeftNavigation ul li.active ul{display:block;}

	/* exp */
	.mainLeftNavigation > ul > li{position:relative;}
	.mainLeftNavigation > ul > li:hover > ul{position:absolute;display:block;top:-2px;left:100%;width:100%;border:1px solid #ccc;background-image:none;list-style-type:none;
	  box-shadow:5px 5px 5px #999;
	}
	.mainLeftNavigation > ul > li:hover > ul li a{background-color:#fff;}
	.mainLeftNavigation > ul > li:hover > ul li a:hover{background-color:#eaf2fa;}
	.mainLeftNavigation > ul > li.active:hover > ul{position:relative;left:0;
	  box-shadow:none;border:0;top:0;
	}
	.mainLeftNavigation > ul > li:hover > ul > li > a{background-image:none; }
	.mainLeftNavigation > ul > li.active:hover > ul > li > a:hover{background-color:#eaf2fa;color:#333}
	.mainLeftNavigation > ul > li:hover a{background-image:none;}
	.mainLeftNavigation > ul > li:hover > a,.mainLeftNavigation > ul > li:hover > ul > li:hover > a{color:#333;}
	.mainLeftNavigation > ul > li.active:hover > a{color:#fff;}
	.mainLeftNavigation > ul > li:hover > a:after{
	  display:block;content:'';border-left:12px solid #ccc;border-top:18px solid transparent;border-bottom:18px solid transparent;right:-13px;top:0;position:absolute;z-index:1;
	  background-color:none;
	}
</style>